<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<button type="button" onclick="setBGcolor('#DDFFEE')">蓝色背景</button>
		<button type="button" onclick="setBGcolor('pink')">粉色背景</button>
		
		<button type="button" onclick="setFontSize('20')">大字</button>
		<button type="button" onclick="setFontSize('14')">小子</button>
		<a href="javascript:setFontSize('16')">中等大小文字</a>
		
		<div id="d1">
			<p>更改页面风格</p>
			<p>更改页面背景颜色</p>
			<p>更改页面文字大小</p>
		</div>
	</body>
</html>

<script>
	function setFontSize(size){
		document.getElementById("d1").style.fontSize=size+'px';
	}
	function setBGcolor(color){
		document.body.style.backgroundColor=color;
	}
</script>